<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>小米官网</title>
   <link rel="stylesheet" href="../css/reset.css">
   <link rel="stylesheet" href="../css/indext.css">
    <link rel="stylesheet" href="../font/iconfont.css">
</head>
<body>
    <!-- 黑色导航栏 -->
    <div class="black-nav">
        <div class="con">
        <ul class="black-nav-left">
            <li><a href="#">小米商城</a><span>|</span></li>
            <li><a href="#">MIUI</a><span>|</span></li>
            <li><a href="#">IoT</a><span>|</span></li>
            <li><a href="#">云服务</a><span>|</span></li>
            <li><a href="#">天星数科 </a><span>|</span></li>
            <li><a href="#">有品</a><span>|</span></li>
            <li><a href="#">小爱开放平台</a><span>|</span></li>
            <li><a href="#">企业团购</a><span>|</span></li>
            <li><a href="#">资质证照</a><span>|</span></li>
            <li><a href="#">协议规则</a><span>|</span></li>
            <li><a href="#">下载APP</a><span>|</span>
            <div class="picture">
                <img src="../images/4.png" alt="#">
                <p>小米商城APP</p>
            </div>
            <div class="triangle"></div>
                  </li>
            <li><a href="#">智能生活</a><span>|</span></li>
            <li><a href="#">Select Location</a></li>
        </ul>
        <ul class="black-nav-right">
            <li><a href="../page/login.html">登录</a><span>|</span></li>
            <li><a href="../page/register.html">注册</a><span>|</span></li>
            <li><a href="#">消息通知</a></li>
            <li class="car"><a href="#"><i class="iconfont icon-icon-test "></i>购物车(0)</a>
             <div class="car-list">
                    购物车中还没有商品，赶紧选购吧！
             </div>
            </i>
        </ul>
        </div>
    </div>

    <!-- 白色导航栏的部分 -->
    <div class="white-nav">
        <div class="con">
        <div class="logo">
          <a href=""><img src="../images/5.png" alt=""></a>
        </div>
        <div class="nav-bar">
            <ul>
                <li><a href="#">小米手机</a>
                <div class="nav-bar-list">
                 <div class="con">
                     <div class="box10">
                       <a href="#">
                        <img src="../images/phone001.png" alt="">
                        <p class="name5 ">小米Mix FOLD</p>
                        <p class="price1">999元起</p>
                       </a>
                     </div>
                     <div class="box11">
                       <a href="#">
                        <img src="../images/phone002.png" alt="">
                        <p class="name5 ">小米11 Uitra</p>
                        <p class="price1">5999元起</p> 
                       </a>   
                     </div>
                     <div class="box12">
                        <a href="#">
                            <img src="../images/phone003.png" alt="">
                            <p class="name5 ">小米11 Pro</p>
                            <p class="price1">4999元起</p> 
                           </a>      
                     </div>
                     <div class="box13">
                        <a href="#">
                            <img src="../images/phone004.png" alt="">
                            <p class="name5 ">小米10S</p>
                            <p class="price1">3299元起</p> 
                           </a>   
                     </div>
                     <div class="box14">
                        <a href="#">
                            <img src="../images/phone005.png" alt="">
                            <p class="name5 ">小米11 </p>
                            <p class="price1">3999元起</p> 
                           </a>   
                     </div>
                     <div class="box15">
                        <a href="#">
                            <img src="../images/phone006.png" alt="">
                            <p class="name5 ">小米11 Uitra</p>
                            <p class="price1">5999元起</p> 
                           </a>   
                     </div>
                 </div>
                </div>
                </li>
                <li><a href="#">Redmi红米</a>
                <div class="nav-bar-list">
                    <div class="con">
                        <div class="box10">
                          <a href="#">
                           <img src="../images/k1.png" alt="">
                           <p class="name5 ">K40 游戏增强版</p>
                           <p class="price1">1999元起</p>
                          </a>
                        </div>
                        <div class="box11">
                          <a href="#">
                           <img src="../images/k2.png" alt="">
                           <p class="name5 ">K40 Pro系列</p>
                           <p class="price1">2799元起</p> 
                          </a>   
                        </div>
                        <div class="box12">
                           <a href="#">
                               <img src="../images/k3.png" alt="">
                               <p class="name5 ">Redmi K40</p>
                               <p class="price1">1999元起</p> 
                              </a>      
                        </div>
                        <div class="box13">
                           <a href="#">
                               <img src="../images/k4.png" alt="">
                               <p class="name5 ">Redmi Note 9系列</p>
                               <p class="price1">999元起</p> 
                              </a>   
                        </div>
                        <div class="box14">
                           <a href="#">
                               <img src="../images/k5.png" alt="">
                               <p class="name5 ">Redmi K30S 至尊纪念版 </p>
                               <p class="price1">2299元起</p> 
                              </a>   
                        </div>
                        <div class="box15">
                           <a href="#">
                               <img src="../images/k6.png" alt="">
                               <p class="name5 ">Redmi K30 至尊纪念版</p>
                               <p class="price1">1999元起</p> 
                              </a>   
                        </div>
                    </div>
                </div>
                </li>
                <li><a href="#">电视</a>
                    <div class="nav-bar-list">
                        <div class="con">
                            <div class="box10">
                              <a href="#">
                               <img src="../images/s1.png" alt="">
                               <p class="name5 ">Redmi MAX 86” 超大屏电视</p>
                               <p class="price1">9999元起</p>
                              </a>
                            </div>
                            <div class="box11">
                              <a href="#">
                               <img src="../images/s2.png" alt="">
                               <p class="name5 ">小米电视大师 82英寸至尊纪念版</p>
                               <p class="price1">2799元起</p> 
                              </a>   
                            </div>
                            <div class="box12">
                               <a href="#">
                                   <img src="../images/s3.png" alt="">
                                   <p class="name5 ">小米电视大师 82英寸</p>
                                   <p class="price1">11999元起</p> 
                                  </a>      
                            </div>
                            <div class="box13">
                               <a href="#">
                                   <img src="../images/s4.png" alt="">
                                   <p class="name5 ">小米透明电视</p>
                                   <p class="price1">49999元起</p> 
                                  </a>   
                            </div>
                            <div class="box14">
                               <a href="#">
                                   <img src="../images/s5.png" alt="">
                                   <p class="name5 ">小米电视 大师 65英寸OLED </p>
                                   <p class="price1">9999元起</p> 
                                  </a>   
                            </div>
                            <div class="box15">
                               <a href="#">
                                   <img src="../images/s6.png" alt="">
                                   <p class="name5 ">Redmi 智能电视 MAX 98''</p>
                                   <p class="price1">19999元起</p> 
                                  </a>   
                            </div>
                        </div>
                    </div>
                </li>
                <li><a href="#">笔记本</a>
                    <div class="nav-bar-list">
                        <div class="con">
                            <div class="box10">
                              <a href="#">
                               <img src="../images/b1.png" alt="">
                               <p class="name5 ">小米笔记本Pro 14</p>
                               <p class="price1">5299元起</p>
                              </a>
                            </div>
                            <div class="box11">
                              <a href="#">
                               <img src="../images/b7.png" alt="">
                               <p class="name5 ">小米笔记本Pro 15</p>
                               <p class="price1">6499元起</p> 
                              </a>   
                            </div>
                            <div class="box12">
                               <a href="#">
                                   <img src="../images/b3.png" alt="">
                                   <p class="name5 ">RedmiBook Pro 14</p>
                                   <p class="price1">4699元起</p> 
                                  </a>      
                            </div>
                            <div class="box13">
                               <a href="#">
                                   <img src="../images/b4.png" alt="">
                                   <p class="name5 ">RedmiBook Pro 15</p>
                                   <p class="price1">4999元起</p> 
                                  </a>   
                            </div>
                            <div class="box14">
                               <a href="#">
                                   <img src="../images/b5.png" alt="">
                                   <p class="name5 ">Redmi G 游戏本</p>
                                  
                                  </a>   
                            </div>
                            <div class="box15">
                               <a href="#">
                                   <img src="../images/b6.png" alt="">
                                   <p class="name5 ">RedmiBook 16</p>
                                   <p class="price1">5699元起</p> 
                                  </a>   
                            </div>
                        </div>     
                    </div>
                </li>
                <li><a href="#">家电</a>
                    <div class="nav-bar-list">
                        <div class="con">
                            <div class="box10">
                              <a href="#">
                               <img src="../images/g1.png" alt="">
                               <p class="name5 ">米家风冷对开门冰箱 483L</p>
                               <p class="price1">2349元</p>
                              </a>
                            </div>
                            <div class="box11">
                              <a href="#">
                               <img src="../images/g2.png" alt="">
                               <p class="name5 ">米家扫拖机器人1T</p>
                               <p class="price1">2299元</p> 
                              </a>   
                            </div>
                            <div class="box12">
                               <a href="#">
                                   <img src="../images/g3.png" alt="">
                                   <p class="name5 ">米家互联网洗烘一体机10kg</p>
                                   <p class="price1">1899元</p> 
                                  </a>      
                            </div>
                            <div class="box13">
                               <a href="#">
                                   <img src="../images/g41.png" alt="">
                                   <p class="name5 ">小米净水器S1 800G</p>
                                   <p class="price1">2499元</p> 
                                  </a>   
                            </div>
                            <div class="box14">
                               <a href="#">
                                   <img src="../images/g51.png" alt="">
                                   <p class="name5 ">米家空气净化器3 高效除菌</p>
                                   <p class="price1">899元</p>
                                  </a>   
                            </div>
                            <div class="box15">
                               <a href="#">
                                   <img src="../images/g6.png" alt="">
                                   <p class="name5 ">米家两门冰箱 160L</p>
                                   <p class="price1">899元</p> 
                                  </a>   
                            </div>
                        </div>    
                    </div>
                </li>
                <li><a href="#">路由器</a>
                    <div class="nav-bar-list">
                        <div class="con">
                            <div class="box10">
                              <a href="#">
                               <img src="../images/l1.png" alt="">
                               <p class="name5 ">小米路由器AX6000</p>
                               <p class="price1">599元起</p>
                              </a>
                            </div>
                            <div class="box11">
                              <a href="#">
                               <img src="../images/l2.png" alt="">
                               <p class="name5 ">Redmi路由器 AX6</p>
                               <p class="price1">329元起</p> 
                              </a>   
                            </div>
                            <div class="box12">
                               <a href="#">
                                   <img src="../images/l3.png" alt="">
                                   <p class="name5 ">小米路由器AX9000</p>
                                   <p class="price1">999元起</p> 
                                  </a>      
                            </div>
                            <div class="box13">
                               <a href="#">
                                   <img src="../images/l4.png" alt="">
                                   <p class="name5 ">小米路由器 AX1800</p>
                                   <p class="price1">329元起</p> 
                                  </a>   
                            </div>
                            <div class="box14">
                               <a href="#">
                                   <img src="../images/l5.png" alt="">
                                   <p class="name5 ">小米AIoT路由器AX3600</p>
                                   <p class="price1">499元起</p> 
                                  </a>   
                            </div>
                            <div class="box15">
                               <a href="#">
                                   <img src="../images/l6.png" alt="">
                                   <p class="name5 ">Redmi路由器AC2100</p>
                                   <p class="price1">169元起</p> 
                                  </a>   
                            </div>
                        </div>
                    </div>
                </li>
                <li><a href="#">智能硬件</a>
                    <div class="nav-bar-list">
                        <div class="con">
                            <div class="box10">
                              <a href="#">
                               <img src="../images/z1.png" alt="">
                               <p class="name5 ">小米全自动智能门锁</p>
                               <p class="price1">1799元</p>
                              </a>
                            </div>
                            <div class="box11">
                              <a href="#">
                               <img src="../images/z2.png" alt="">
                               <p class="name5 ">Redmi小爱触屏音箱Pro8</p>
                               <p class="price1">499元起</p> 
                              </a>   
                            </div>
                            <div class="box12">
                               <a href="#">
                                   <img src="../images/z3.png" alt="">
                                   <p class="name5 ">小米小爱触屏音箱</p>
                                   <p class="price1">249元</p> 
                                  </a>      
                            </div>
                            <div class="box13">
                               <a href="#">
                                   <img src="../images/z4.png" alt="">
                                   <p class="name5 ">Redmi小爱音箱 Play</p>
                                   <p class="price1">249元</p> 
                                  </a>   
                            </div>
                            <div class="box14">
                               <a href="#">
                                   <img src="../images/z5.png" alt="">
                                   <p class="name5 ">查看全部 <br>智能硬件</p>
                                  </a>   
                            </div>
                        </div>   
                    </div>
                </li>
                <li><a href="#">服务</a></li>
                <li><a href="#">社区</a></li>
            </ul>
        </div>
        <div class="search"></div>
        </div>
    </div>

    <!-- banner部分 -->
    <div class="banner">
        <div class="con">
            <div class="banner-box">
                <!-- banner里面滑动门 -->
            <div class="slide">
           <ul>
               <li>
                   <a href="#">手机 电话卡</a>
                   <i class="iconfont icon-jiantou "></i>
                   <div class="slide-list">
                    <!-- 第一列的ul -->
                    <ul>
                        <li>
                            <a href="#"> <img src="../images/phone1.png" alt="">
                            <span>小米MIX FOLD</span> </a>
                        </li>
                        <li>
                            <a href="#"> <img src="../images/phone2.png" alt="">
                            <span>小米11 Ultra</span> </a>
                        </li>
                        <li>
                            <a href="#"> <img src="../images/phone3.png" alt="">
                            <span>小米11 Pro</span> </a>
                        </li>
                        <li>
                            <a href="#"> <img src="../images/phone4.png" alt="">
                                <span>小米11 青春</span> </a>
                        </li>
                        <li>
                            <a href="#"> <img src="../images/phone5.png" alt="">
                            <span>小米MIX FOLD</span> </a>
                        </li>
                        <li>
                            <a href="#"> <img src="../images/phone6.png" alt="">
                            <span>小米MIX FOLD</span> </a>
                         </li>

                    </ul>
                    <!-- 第二列的ul -->
                    <ul>
                    <li>
                        <a href="#"> <img src="../images/phone7.png" alt="">
                        <span>小米10</span> </a>
                    </li>
                    <li>
                        <a href="#"> <img src="../images/phone8.png" alt="">
                        <span>黑鲨4 Pro</span> </a>
                    </li>
                    <li>
                        <a href="#"> <img src="../images/phone9.png" alt="">
                         <span>黑鲨4</span> </a>
                    </li>
                    <li>
                        <a href="#"> <img src="../images/phone10.png" alt="">
                         <span>Redmi K30S 至尊纪念版</span> </a>
                    </li>
                    <li>
                        <a href="#"> <img src="../images/phone11.png" alt="">
                        <span>小米云服务</span> </a>
                    </li>
                     <li>
                        <a href="#"> <img src="../images/phone12.png" alt="">
                         <span>K40 Pro系列</span> </a>
                     </li>
    
                    </ul>
                    <!-- 第三列的ul -->
                    <ul>
                    <li>
                        <a href="#"> <img src="../images/phone13.png" alt="">
                                <span>Redmi K40</span> </a>
                    </li>
                    <li>
                        <a href="#"> <img src="../images/phone14.png" alt="">
                        <span>Redmi K30 至尊纪念版 </span> </a>
                    </li>
                    <li>
                        <a href="#"> <img src="../images/phone15.png" alt="">
                        <span>Redmi 10X 5G</span> </a>
                    </li>
                    <li>
                        <a href="#"> <img src="../images/phone16.png" alt="">
                        <span>Redmi Note 9 Pro</span> </a>
                    </li>
                    <li>
                        <a href="#"> <img src="../images/phone17.png" alt="">
                        <span>Redmi Note 9 5G</span> </a>
                    </li>
                    <li>
                        <a href="#"> <img src="../images/phone18.png" alt="">
                        <span>Redmi Note 9 4G</span> </a>
                    </li>
            
                    </ul>
                    <!-- 第四列的ul -->
                    <ul>
                    <li>
                        <a href="#"> <img src="../images/phone19.png" alt="">
                        <span>Redmi Note 8 Pro</span> </a>
                    </li>
                    <li>
                        <a href="#"> <img src="../images/phone20.png" alt="">
                        <span>手机上门维修</span> </a>
                    </li>
                    <li>
                        <a href="#"> <img src="../images/phone21.png" alt="">
                        <span>Redmi 9</span> </a>
                    </li>
                    <li>
                        <a href="#"> <img src="../images/phone22.png" alt="">
                        <span>Redmi 9A</span> </a>
                    </li>
                    <li>
                        <a href="#"> <img src="../images/phone23.png" alt="">
                        <span>Redmi 8A</span> </a>
                    </li>
                    <li>
                        <a href="#"> <img src="../images/phone24.png" alt="">
                        <span>中国电信</span> </a>
                    </li>                       
                    </ul>                  
                   </div>
               </li>
               <li>
                   <a href="#">电视 盒子</a>
                   <i class="iconfont icon-jiantou "></i>
                   <div class="slide-list">
                <!-- 第一列的ul -->
                <ul>
                <li>
                    <a href="#"> <img src="../images/phone25.png" alt="">
                    <span>Redmi MAX 86″超大屏...</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone26.png" alt="">
                    <span>小米透明电视</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone27.png" alt="">
                    <span>小米电视5 Pro 55英寸</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone28.png" alt="">
                    <span>小米电视5 65英寸</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone29.png" alt="">
                    <span>Redmi 智能电视 A系列</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone30.png" alt="">
                    <span>量子电视</span> </a>
                </li>
    
                </ul>
                <!-- 第二列的ul -->
            <ul>
                <li>
                    <a href="#"> <img src="../images/phone31.png" alt="">
                    <span>Redmi 智能电视X系列</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone32.png" alt="">
                    <span>小米电视大师 82英寸</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone33.png" alt="">
                    <span>小米电视5 Pro 65英寸</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone34.png" alt="">
                    <span>小米电视5 55 英寸</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone35.png" alt="">
                    <span>小米全面屏电视E43</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone36.png" alt="">
                    <span>金属全面屏电视</span> </a>
                </li>   
                </ul>        
                <!-- 第三列的ul -->
                <ul>
                <li>
                    <a href="#"> <img src="../images/phone37.png" alt="">
                    <span>小米盒子</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone38.png" alt="">
                    <span>大师电视 65英寸 OLED</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone39.png" alt="">
                    <span>小米电视5 Pro 75英寸</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone40.png" alt="">
                    <span>小米电视4A 60英寸</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone41.png" alt="">
                    <span>Redmi 智能电视 X55</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone42.png" alt="">
                    <span>小米全面屏电视</span> </a>
                </li>   
                </ul> 
                <!-- 第四列的ul -->
            <ul>
                <li>
                    <a href="#"> <img src="../images/phone43.png" alt="">
                    <span>电视音响</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone44.png" alt="">
                    <span>Redmi 智能电视MAX98"</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone45.png" alt="">
                    <span>小米电视5 75英寸</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone46.png" alt="">
                    <span>小米电视4A 70英寸</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone47.png" alt="">
                    <span>小米电视4S 75英寸</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone48.png" alt="">
                    <span>小米壁画电视</span> </a>
                </li>   
                </ul>   
                </div>
                </li>
               <li>
                   <a href="#">笔记本 显示器</a>
                   <i class="iconfont icon-jiantou "></i>
                   <div class="slide-list slide-list3">
              <!-- 第一列的ul -->
              <ul>
                    <li>
                        <a href="#"> <img src="../images/phone49.png" alt="">
                        <span>小米笔记本Pro 15</span> </a>
                    </li>
                    <li>
                        <a href="#"> <img src="../images/phone50.png" alt="">
                        <span>小米笔记本Pro 14</span> </a>
                    </li>
                    <li>
                        <a href="#"> <img src="../images/phone51.png" alt="">
                        <span>RedmiBook Pro 14</span> </a>
                    </li>
                    <li>
                        <a href="#"> <img src="../images/phone52.png" alt="">
                            <span>RedmiBook Pro 15</span> </a>
                    </li>
                    <li>
                        <a href="#"> <img src="../images/phone53.png" alt="">
                        <span>Redmi G 游戏本</span> </a>
                    </li>
                    <li>
                        <a href="#"> <img src="../images/phone54.png" alt="">
                        <span>Redmi Air 13</span> </a>
                     </li>

                </ul>   
                
               <!-- 第二列的ul -->
             <ul>
                <li>
                    <a href="#"> <img src="../images/phone55.png" alt="">
                    <span>RedmiBook 16</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone56.png" alt="">
                    <span>RedmiBook 16</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone57.png" alt="">
                    <span>小米笔记本Pro 15.6"</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone58.png" alt="">
                        <span>RedmiBook 13</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone59.png" alt="">
                    <span>小米笔记本 Arr 13.3"</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone60.png" alt="">
                    <span>小米笔记本 Arr 12.3"</span> </a>
                 </li>

                </ul>
                <!-- 第三列的ul -->
              <ul>
                <li>
                    <a href="#"> <img src="../images/phone61.png" alt="">
                    <span>小米显示34英寸</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone62.png" alt="">
                    <span>小米显示27英寸</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone63.png" alt="">
                    <span>Redmi显示器23.8英寸</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone64.png" alt="">
                        <span>键鼠套装</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone65.png" alt="">
                    <span>鼠标 Arr 13.3"</span> </a>
                </li>
                 </ul>          
                   </div>
                </li>
               <li>
                   <a href="#">家电 插线板</a>
                   <i class="iconfont icon-jiantou "></i>
                   <div class="slide-list">
                 <!-- 第一列的ul -->
         <ul>
            <li>
                <a href="#"> <img src="../images/phone66.png" alt="">
                <span>冰箱</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone67.png" alt="">
                <span>立式空调</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone68.png" alt="">
                <span>壁挂空调</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone69.png" alt="">
                    <span>滚筒洗衣机</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone70.png" alt="">
                <span>Redmi全自动波轮洗衣机</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone71.png" alt="">
                <span>净水器</span> </a>
             </li>

        </ul>  

                 <!-- 第二列的ul -->
                 <ul>
                    <li>
                        <a href="#"> <img src="../images/phone72.png" alt="">
                        <span>微波炉</span> </a>
                    </li>
                    <li>
                        <a href="#"> <img src="../images/phone73.png" alt="">
                        <span>电烤箱</span> </a>
                    </li>
                    <li>
                        <a href="#"> <img src="../images/phone75.png" alt="">
                        <span>扫地机器人</span> </a>
                    </li>
                    <li>
                        <a href="#"> <img src="../images/phone76.png" alt="">
                            <span>吸尘器</span> </a>
                    </li>
                    <li>
                        <a href="#"> <img src="../images/phone77.png" alt="">
                        <span>空气净化器</span> </a>
                    </li>
                    <li>
                        <a href="#"> <img src="../images/phone78.png" alt="">
                        <span>电饭煲</span> </a>
                     </li>
        
                </ul>  
                 <!-- 第三列的ul -->
           <ul>
            <li>
                <a href="#"> <img src="../images/phone79.png" alt="">
                <span>电磁炉</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone80.png" alt="">
                <span>电水壶</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone81.png" alt="">
                <span>滤水壶</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone82.png" alt="">
                    <span>落地风扇</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone83.png" alt="">
                <span>投影仪</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone84.png" alt="">
                <span>电饭煲</span> </a>
             </li>

        </ul>  

            <!-- 第四列的ul -->
            <ul>
                <li>
                    <a href="#"> <img src="../images/phone85.png" alt="">
                    <span>插线板</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone86.png" alt="">
                    <span>新风机</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone87.png" alt="">
                    <span>电暖风</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone88.png" alt="">
                        <span>电压力锅</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone89.png" alt="">
                    <span>料理机</span> </a>
                </li>
                  
            </ul>  
                   </div>
                </li>
               <li>
                   <a href="#">出行 穿戴</a>
                   <i class="iconfont icon-jiantou "></i>
                   <div class="slide-list slide-list3">
                   <!-- 第一列的ul -->
         <ul>
            <li>
                <a href="#"> <img src="../images/phone90.png" alt="">
                <span>小米手环6 NFC版</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone91.png" alt="">
                <span>小米手环6 标准版</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone92.png" alt="">
                <span>Redmi 手表</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone93.png" alt="">
                    <span>小米手环5NFC</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone94.png" alt="">
                <span>小米手环5</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone95.png" alt="">
                <span>小米手表</span> </a>
             </li>
        </ul>  

                  <!-- 第二列的ul -->
                  <ul>
                    <li>
                        <a href="#"> <img src="../images/phone96.png" alt="">
                        <span>平衡车</span> </a>
                    </li>
                    <li>
                        <a href="#"> <img src="../images/phone97.png" alt="">
                        <span>滑板车</span> </a>
                    </li>
                    <li>
                        <a href="#"> <img src="../images/phone98.png" alt="">
                        <span>自行车</span> </a>
                    </li>
                    <li>
                        <a href="#"> <img src="../images/phone99.png" alt="">
                            <span>车载从电器</span> </a>
                    </li>
                    <li>
                        <a href="#"> <img src="../images/phone100.png" alt="">
                        <span>平衡车配件</span> </a>
                    </li>
                    <li>
                        <a href="#"> <img src="../images/phone101.png" alt="">
                        <span>智能后视镜</span> </a>
                     </li>
                </ul>  

                  <!-- 第三列的ul -->
                  <ul>
                    <li>
                        <a href="#"> <img src="../images/phone102.png" alt="">
                        <span>智能记录仪</span> </a>
                    </li>
                    <li>
                        <a href="#"> <img src="../images/phone103.png" alt="">
                        <span>无线车充</span> </a>
                    </li>
                    <li>
                        <a href="#"> <img src="../images/phone104.png" alt="">
                        <span>充气宝</span> </a>
                    </li>
                    <li>
                        <a href="#"> <img src="../images/phone105.png" alt="">
                            <span>石英表</span> </a>
                    </li>
                </ul>  
                       </div>
                </li>
               <li>
                   <a href="#">智能 路由器</a>
                   <i class="iconfont icon-jiantou "></i>
                   <div class="slide-list slide-list3" >
           <!-- 第一列的ul -->
           <ul>
            <li>
                <a href="#"> <img src="../images/phone106.png" alt="">
                <span>打印机</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone107.png" alt="">
                <span>喷墨打印机</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone108.png" alt="">
                <span>喷墨打印机墨水</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone109.png" alt="">
                    <span>小米路由器</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone110.png" alt="">
                <span>智能家庭</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone111.png" alt="">
                <span>对讲机</span> </a>
             </li>
        </ul>    
        

           <!-- 第二列的ul -->
           <ul>
            <li>
                <a href="#"> <img src="../images/phone112.png" alt="">
                <span>摄像机</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone113.png" alt="">
                <span>照相机</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone114.png" alt="">
                <span>智能门锁</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone115.png" alt="">
                    <span>视频门铃</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone116.png" alt="">
                <span>小爱老师</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone117.png" alt="">
                <span>Redmi路由器</span> </a>
             </li>
        </ul>    


        
           <!-- 第三列的ul -->
           <ul>
            <li>
                <a href="#"> <img src="../images/phone130.png" alt="">
                <span>小爱音响</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone131.png" alt="">
                <span>云服务空间年卡</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone132.png" alt="">
                <span>云服务空间月卡</span> </a>
            </li>
        </ul>  
                   </div>
                </li>
               <li>
                   <a href="#">电源 配件</a>
                   <i class="iconfont icon-jiantou "></i>
                   <div class="slide-list slide-list4">
               <!-- 第一列的ul -->
           <ul>
            <li>
                <a href="#"> <img src="../images/phone133.png" alt="">
                <span>移动电源</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone134.png" alt="">
                <span>数据线</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone135.png" alt="">
                <span>车充</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone136.png" alt="">
                    <span>充电器</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone137.png" alt="">
                <span>电池</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone138.png" alt="">
                <span>自拍杆</span> </a>
             </li>
        </ul>    

             <!-- 第二列的ul -->
             <ul>
                <li>
                    <a href="#"> <img src="../images/phone133.png" alt="">
                    <span>手机壳</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone134.png" alt="">
                    <span>手机贴膜</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone135.png" alt="">
                    <span>无线充电器</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone136.png" alt="">
                        <span>平板配件</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone137.png" alt="">
                    <span>黑鲨配件</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone138.png" alt="">
                    <span>其他配件</span> </a>
                 </li>
            </ul>    
                   </div>
                </li>
               <li>
                   <a href="#">健康 儿童</a>
                   <i class="iconfont icon-jiantou "></i>
                   <div class="slide-list slide-list3">
                <!-- 第一列的ul -->
           <ul>
            <li>
                <a href="#"> <img src="../images/phone139.png" alt="">
                <span>洗手液</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone140.png" alt="">
                <span>剃须刀</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone141.png" alt="">
                <span>修剪器</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone142.png" alt="">
                    <span>牙刷</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone143.png" alt="">
                <span>吹风机</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone144.png" alt="">
                <span>体重</span> </a>
             </li>
        </ul>    
         <!-- 第二列的ul -->
         <ul>
            <li>
                <a href="#"> <img src="../images/phone145.png" alt="">
                <span>体重秤</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone146.png" alt="">
                <span>早教启智</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone147.png" alt="">
                <span>益智积木</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone148.png" alt="">
                    <span>儿童手表</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone149.png" alt="">
                <span>儿童滑板车</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone150.png" alt="">
                <span>婴儿推车</span> </a>
             </li>
        </ul>    
         <!-- 第三列的ul -->
         <ul>
            <li>
                <a href="#"> <img src="../images/phone151.png" alt="">
                <span>走步机</span> </a>
            </li>
            <li>
                <a href="#"> <img src="../images/phone152.png" alt="">
                <span>智能遥控</span> </a>
            </li>
        </ul>  
                   </div>
                </li>
               <li>
                   <a href="#">耳机 音响</a>
                   <i class="iconfont icon-jiantou "></i>
                   <div class="slide-list slide-list3">
              <!-- 第一列的ul -->
              <ul>
                <li>
                    <a href="#"> <img src="../images/phone153.png" alt="">
                    <span>Redmi AirDots3</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone154.png" alt="">
                    <span>小爱音响Art电池板</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone155.png" alt="">
                    <span>小爱触屏音箱Pro 8</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone156.png" alt="">
                        <span>Redmi小爱触屏音箱 8</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone157.png" alt="">
                    <span>小米小爱音箱</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone158.png" alt="">
                    <span>小爱音响Pro</span> </a>
                 </li>
            </ul>    
             <!-- 第二列的ul -->
             <ul>
                <li>
                    <a href="#"> <img src="../images/phone159.png" alt="">
                    <span>Redmi AirDots3</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone160.png" alt="">
                    <span>小爱音响Art电池板</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone161.png" alt="">
                    <span>小爱触屏音箱Pro 8</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone162.png" alt="">
                        <span>Redmi小爱触屏音箱 8</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone163.png" alt="">
                    <span>小米小爱音箱</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone164.png" alt="">
                    <span>小爱音响Pro</span> </a>
                 </li>
            </ul>  
              <!-- 第三列的ul -->
              <ul>
                <li>
                    <a href="#"> <img src="../images/phone165.png" alt="">
                    <span>品牌耳机</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone166.png" alt="">
                    <span>蓝牙音箱</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone167.png" alt="">
                    <span>小米AI音箱</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone168.png" alt="">
                        <span>小米小爱音箱HD</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone169.png" alt="">
                    <span>K歌耳机</span> </a>
                </li>
            </ul> 
                   </div>
                </li>
               <li>
                   <a href="#">生活 箱包</a>
                   <i class="iconfont icon-jiantou "></i>
                   <div class="slide-list slide-list3">
               <!-- 第一列的ul -->
               <ul>
                <li>
                    <a href="#"> <img src="../images/phone170.png" alt="">
                    <span>小背包</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone171.png" alt="">
                    <span>双背包</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone172.png" alt="">
                    <span>胸包</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone173.png" alt="">
                        <span>旅行包</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone174.png" alt="">
                    <span>运动鞋</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone175.png" alt="">
                    <span>眼镜</span> </a>
                 </li>
            </ul>  

              <!-- 第二列的ul -->
              <ul>
                <li>
                    <a href="#"> <img src="../images/phone176.png" alt="">
                    <span>床垫</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone177.png" alt="">
                    <span>枕头</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone178.png" alt="">
                    <span>螺丝刀</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone179.png" alt="">
                        <span>保温杯</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone180.png" alt="">
                    <span>驱蚊器</span> </a>
                </li>
                <li>
                    <a href="#"> <img src="../images/phone181.png" alt="">
                    <span>毛巾/浴巾</span> </a>
                 </li>
            </ul> 

                <!-- 第三列的ul -->
                <ul>
                    <li>
                        <a href="#"> <img src="../images/phone182.png" alt="">
                        <span>米兔</span> </a>
                    </li>
                    <li>
                        <a href="#"> <img src="../images/phone183.png" alt="">
                        <span>笔</span> </a>
                </ul> 
                   </div>
                </li>
           </ul>
            </div>
            <!-- 滑动门里面的箭头 -->
            <div class="prev" ></div>
            <div class="next"></div>
            </div>
        </div>     
    </div>
    
    <!-- ad广告部分开始 -->
    <div class="ad">
        <div class="con">
            <div class="ad-left">
                <ul>
                    <li class="row col"><a href="#"> <i class="iconfont icon-tubiaozhizuomoban"></i> <p>小米秒杀</p></a></li>
                    <li class="row col"><a href="#"> <i class="iconfont icon-tuangou"></i> <p>企业团购</p></a></li>
                    <li class="row"><a href="#"> <i class="iconfont icon-tongdao"></i> <p>F码通道</p></a></li>
                    <li class="col"><a href="#"> <i class="iconfont icon-qia"></i> <p>米粉卡</p></a></li>
                    <li class="col"><a href="#"> <i class="iconfont icon-jinqian"></i> <p>以旧换新</p></a></li>
                    <li><a href="#"> <i class="iconfont icon-huafei"></i> <p>话费充值</p></a></li>
                </ul>
            </div>
            <div class="ad-img up ">
                <a href="">
                    <img src="../images/01img.jpg" alt="">
                </a>
            </div>
            <div class="ad-img up">
                <a href="">
                    <img src="../images/02img.jpg" alt="">
                </a>
            </div>
            <div class="ad-img up" >
                <a href="">
                    <img src="../images/03img.jpg" alt="">
                </a>
            </div>
        </div>
    </div>

<!-- 广告部分的动画 -->
   <script src="../jq/jquery-1.12.4.min.js"></script>
   <script src="../jq/plugin.js"></script>
    <script>  jQuery('.up').moveUp(); </script>

    <!-- 主体内容部分 -->
    <div class="container">
        <div class="con">
            <!-- 小米闪购部分 -->
            <div class="flash">
                <h2 class="title">小米闪购</h2>
                <div class="flash-box">
                    <div class="iteams1 iteams1-left" >
                       
                    </div>
                    <div class="iteams1">
                        <a href="">
                            <img src="../images/500_03.jpg" alt="">
                            <p class="name1">日常元素抽纸 青春版 24包/箱</p>
                            <p>精选原生竹浆，健康环保</p>
                            <p>25.9元 <del>35.5元</del></p>
                        </a>
                    </div>
                    <div class="iteams1"></div>                                   
                    <div class="iteams1"></div>                                       
                    <div class="iteams1"></div>  
                </div>
                <div class="big-imges" >
                    <a href="#"> <img src="../images/noto9.png" alt=""></a>
                </div>
            </div>
            <!-- 小米闪购结束 -->
            <!-- 手机开始 -->
            <div class="phone">
               <h3 class="title">
                   手机
                   <a href="#" class="all">查看全部 <i class="iconfont icon-jiantou1"></i> </a>
                </h3>
                <div class="phone-box claer ">
                    <div class="phone-box-left up">
                        <a href="#">
                            <img src="../images/fold.png" alt="">
                        </a>
                    </div>
                    <div class="phone-box-right">
                        <div class="iteams1 iteams2 up">
                            <a href="#">
                                <img src="../images/x1.png" alt="" class="goods-img">
                                <p class="name1 name2">小米MIX FOLD</p>
                                <p class="disc1">折叠大屏 | 自研芯片</p>
                                <p class="price1">9999元起</p>
                            </a>
                        </div>
                        <div class="iteams1 iteams2 up">
                                <a href="#">
                                    <img src="../images/x2.png" alt="" class="goods-img">
                                    <p class="name1 name2">小米11 Ultra</p>
                                    <p class="disc1">1.2"GN2 | 2K思维曲屏</p>
                                    <p class="price1">5999元起</p>
                                </a>
                        </div>
                        <div class="iteams1 iteams2 up">
                                <a href="#">
                                    <img src="../images/x3.png" alt="" class="goods-img">
                                    <p class="name1 name2">小米11 Pro</p>
                                    <p class="disc1">1.2"GN2 | 骁龙888</p>
                                    <p class="price1">4999元起</p>
                                </a>
                        </div>
                        <div class="iteams1 iteams2 up">
                                <a href="#">
                                    <img src="../images/x4.png" alt="" class="goods-img">
                                    <p class="name1 name2">小米11 青春版</p>
                                    <p class="disc1">小米11 青春版 轻薄</p>
                                    <p class="price1">2299元起</p>
                                </a>
                        </div>
                        <div class="iteams1 iteams2 up">
                                <a href="#">
                                    <img src="../images/x5.png" alt="" class="goods-img">
                                    <p class="name1 name2">k40 游戏增强版</p>
                                    <p class="disc1">轻薄电竞设计</p>
                                    <p class="price1">1999元起</p>
                                </a>
                        </div>
                        <div class="iteams1 iteams2 up">
                                <a href="#">
                                    <img src="../images/x6.png" alt="" class="goods-img">
                                    <p class="name1 name2">黑鲨4 Pro</p>
                                    <p class="disc1">黑鲨4 Pro</p>
                                    <p class="price1">3999元起</p>
                                </a>
                        </div>
                        <div class="iteams1 iteams2 up">
                                <a href="#">
                                    <img src="../images/x7.png" alt="" class="goods-img">
                                    <p class="name1 name2">黑鲨4</p>
                                    <p class="disc1">黑鲨4 磁动力升降肩键</p>
                                    <p class="price1">2499元起</p>
                                </a>
                        </div>
                        <div class="iteams1 iteams2 up">
                                <a href="#">
                                    <img src="../images/x8.png" alt="" class="goods-img">
                                    <p class="name1 name2">小米10S</p>
                                    <p class="disc1">骁龙870 对称式双扬立体声</p>
                                    <p class="price1">3299元起</p>
                                </a>
                        </div>                                       
                    </div>
                </div>
                <div class="big-imges">
                    <a href="#">
                        <img src="../images/TV007.png" alt="">
                    </a>
                </div>
            </div>
            <!-- 手机结束 -->
            <!-- 家电开始 -->
            <div class="home">
                <h3 class="title">家电</h3>
                <div class="ele-box claer">
                    <div class="iteams1 iteams2 iteams1-left plugin up">
                        <a href="" >
                            <img src="../images/ele1.png" alt style="width: 100%">
                        </a>
                    </div>
                    <div class="iteams1 iteams2 up ">
                        <a href="#">
                           <img src="../images/ele3.png" alt="" class="goods-img">
                            <p class="name1 name2">
                                小米全面屏电视65英寸 E65X
                            </p>
                            <p class="disc1">全面屏设计</p>
                            <p class="price1">2999元 <del>3799元</del></p>
                        </a>
                    </div>
                    <div class="iteams1 iteams2 up">
                        <a href="#">
                            <img src="../images/ele5.png" alt="" class="goods-img">
                             <p class="name1 name2">                           
                                全面屏电视E43K                  
                             </p>
                             <p class="disc1">全面屏设计，海量内容</p>
                             <p class="price1">1399元 <del>1599元</del></p>
                         </a>
                    </div>
                    <div class="iteams1 iteams2 up">
                        <a href="#">
                            <img src="../images/ele7.png" alt="" class="goods-img">
                             <p class="name1 name2">                              
                                小米电视4A 70英寸	                                              
                             </p>
                             <p class="disc1">大屏更享受</p>
                             <p class="price1">3499元 <del>3999元</del></p>
                         </a>
                    </div>
                    <div class="iteams1 iteams2 up">
                        <a href="#">
                            <img src="../images/ele10.png" alt="" class="goods-img">
                             <p class="name1 name2">                                
                                米家互联网对开门冰箱 540L                                                
                             </p>
                             <p class="disc1">重磅新品福利特惠</p>
                             <p class="price1">2899元 <del>3699元</del></p>
                         </a>
                    </div>
                    <div class="iteams1 iteams2 iteams1-left up">
                        <a href="">
                            <img src="../images/ele2.png" alt style="width: 100%">
                        </a>
                    </div>
                    <div class="iteams1 iteams2 up">
                        <a href="#">
                            <img src="../images/ele4.png" alt="" class="goods-img">
                             <p class="name1 name2">                               
                                Redmi全自动波轮洗衣机1A 8kg                                             
                             </p>
                             <p class="disc1">一键操作，父母都爱用</p>
                             <p class="price1">799元 <del>899元</del></p>
                         </a>
                    </div>
                    <div class="iteams1 iteams2 up">
                        <a href="#">
                            <img src="../images/ele6.png" alt="" class="goods-img">
                             <p class="name1 name2">                                
                                米家互联网烟灶套装（天然气）                                               
                             </p>
                             <p class="disc1">点火排烟，风随火动</p>
                             <p class="price1">2298元</p>
                         </a>
                    </div>
                    <div class="iteams1 iteams2 up">
                        <a href="#">
                            <img src="../images/ele3.png" alt="" class="goods-img">
                             <p class="name1 name2">                             
                                米家电烤箱                                               
                             </p>
                             <p class="disc1">全能烘焙体验</p>
                             <p class="price1">299元</p>
                         </a>
                    </div>
                    <div class="iteams1 iteams2">
                        <div class="iteams1-last">
                            <div class="up" >
                              <a href="#">
                                    <p class="xiaomi">
                                            小米米家空气净化器 2S
                                        </p>
                                         <p class="price15">299元</p>
                              </a>
                            </div>
                            <div class="up">
                               <a href="#"> <p class="xiaomi">
                                    浏览更多
                                </p>
                                <p class="xiaomis">热门</p></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="big-imges">
                    <a href="#">
                        <img src="../images/00000.png" alt="">
                    </a>
                </div>
            </div>
            <!-- 家电结束 -->
            <!-- 智能开始 -->
            <div class="home">
                <h3 class="title">智能</h3>
                <div class="ele-box claer">
                    <div class="iteams1 iteams2 iteams1-left plugin up">
                        <a href="" >
                            <img src="../images/zn1.png" alt style="width: 100%">
                        </a>
                    </div>
                    <div class="iteams1 iteams2 up ">
                        <a href="#">
                           <img src="../images/zn2.png" alt="" class="goods-img">
                            <p class="name1 name2">                              
                                小米小爱音箱 Play                                               
                            </p>
                            <p class="disc1">听音乐、语音遥控家电</p>
                            <p class="price1">109元 <del>169元</del></p>
                        </a>
                    </div>
                    <div class="iteams1 iteams2 up">
                        <a href="#">
                            <img src="../images/zn3.png" alt="" class="goods-img">
                             <p class="name1 name2">                           
                                听音乐、语音遥控家电          
                             </p>
                             <p class="disc1">窗帘开合随心控</p>
                             <p class="price1">799元</p>
                         </a>
                    </div>
                    <div class="iteams1 iteams2 up">
                        <a href="#">
                            <img src="../images/zn4.png" alt="" class="goods-img">
                             <p class="name1 name2">                              
                                小米体脂秤2	                                              
                             </p>
                             <p class="disc1">轻松掌握身体脂肪率</p>
                             <p class="price1">99元</p>
                         </a>
                    </div>
                    <div class="iteams1 iteams2 up">
                        <a href="#">
                            <img src="../images/zn5.png" alt="" class="goods-img">
                             <p class="name1 name2">                                
                                九号平衡车                                         
                             </p>
                             <p class="disc1">年轻人的酷玩具</p>
                             <p class="price1">1999元</p>
                         </a>
                    </div>
                    <div class="iteams1 iteams2 iteams1-left up">
                        <a href="">
                            <img src="../images/zn6.png" alt style="width: 100%">
                        </a>
                    </div>
                    <div class="iteams1 iteams2 up">
                        <a href="#">
                            <img src="../images/zn7.png" alt="" class="goods-img">
                             <p class="name1 name2">                               
                               小米智能门锁 推拉式                                            
                             </p>
                             <p class="disc1">一步推拉，高端智能门锁</p>
                             <p class="price1">1699</p>
                         </a>
                    </div>
                    <div class="iteams1 iteams2 up">
                        <a href="#">
                            <img src="../images/zn8.png" alt="" class="goods-img">
                             <p class="name1 name2">                                
                                Redmi小爱触屏音响 8英寸                                               
                             </p>
                             <p class="disc1">超大屏，让智能更多可能</p>
                             <p class="price1">349元</p>
                         </a>
                    </div>
                    <div class="iteams1 iteams2 up">
                        <a href="#">
                            <img src="../images/zn9.png" alt="" class="goods-img">
                             <p class="name1 name2">                             
                                小米手环5                                              
                             </p>
                             <p class="disc1">11种运动模式 磁吸式充电</p>
                             <p class="price1">179元 <del>189</del> </p>
                         </a>
                    </div>
                    <div class="iteams1 iteams2">
                        <div class="iteams1-last">
                            <div class="up" >
                               <a href="#">
                                    <p class="xiaomi">
                                            小米米家空气净化器 Pro
                                        </p>
                                         <p class="price15">1099元</p>
                               </a>
                            </div>
                            <div class="up">
                              <a href="#">
                                    <p class="xiaomi">
                                            浏览更多
                                        </p>
                                        <p class="xiaomis">热门</p>
                              </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="big-imges">
                    <a href="#">
                        <img src="../images/00001.png" alt="">
                    </a>
                </div>
            </div>
            <!-- 智能结束 -->
            <!-- 搭配开始 -->
            <div class="home">
                <h3 class="title">搭配</h3>
                <div class="ele-box claer">
                    <div class="iteams1 iteams2 iteams1-left plugin up">
                        <a href="" >
                            <img src="../images/dp1.png" alt style="width: 100%">
                        </a>
                    </div>
                    <div class="iteams1 iteams2 up ">
                        <a href="#">
                           <img src="../images/dp2.png" alt="" class="goods-img">
                            <p class="name1 name2">                                            
                             小米真无线蓝牙耳机Air 2 Pro                                            
                            </p>
                            <p class="disc1"> 主动降噪/持久续航/无线充</p>
                            <p class="price1">649元 <del>699元</del></p>
                        </a>
                    </div>
                    <div class="iteams1 iteams2 up">
                        <a href="#">
                            <img src="../images/dp3.png" alt="" class="goods-img">
                             <p class="name1 name2">                           
                               高速无线充套装        
                             </p>
                             <p class="disc1">快速无线闪充，Qi充电标准</p>
                             <p class="price1">149元</p>
                         </a>
                    </div>
                    <div class="iteams1 iteams2 up">
                        <a href="#">
                            <img src="../images/dp4.png" alt="" class="goods-img">
                             <p class="name1 name2">                              
                                Redmi AirDots真无线蓝牙耳机                                           
                             </p>
                             <p class="disc1">支持蓝牙5.0，自动秒连，拿起就能用</p>
                             <p class="price1">99元</p>
                         </a>
                    </div>
                    <div class="iteams1 iteams2 up">
                        <a href="#">
                            <img src="../images/dp5.png" alt="" class="goods-img">
                             <p class="name1 name2">                                
                               小米真无线蓝牙耳机Air 2s                                         
                             </p>
                             <p class="disc1">全面升级，智慧真无线</p>
                             <p class="price1">359元 <del>399</del> </p>
                         </a>
                    </div>
                    <div class="iteams1 iteams2 iteams1-left up">
                        <a href="">
                            <img src="../images/dp6.png" alt style="width: 100%">
                        </a>
                    </div>
                    <div class="iteams1 iteams2 up">
                        <a href="#">
                            <img src="../images/dp7.png" alt="" class="goods-img">
                             <p class="name1 name2">                               
                                Redmi充电宝 10000mAh 标准版                                      
                             </p>
                             <p class="disc1">10000mAh大电量 </p>
                             <p class="price1">59元</p>
                         </a>
                    </div>
                    <div class="iteams1 iteams2 up">
                        <a href="#">
                            <img src="../images/dp8.png" alt="" class="goods-img">
                             <p class="name1 name2">                                
                                Redmi充电宝 20000mAh 快充版                                               
                             </p>
                             <p class="disc1">大容量，可上飞机</p>
                             <p class="price1">99元</p>
                         </a>
                    </div>
                    <div class="iteams1 iteams2 up">
                        <a href="#">
                            <img src="../images/dp9.png" alt="" class="goods-img">
                             <p class="name1 name2">                             
                                小米插线板 5孔板                                            
                             </p>
                             <p class="disc1">多重安全保护</p>
                             <p class="price1">39元</p>
                         </a>
                    </div>
                    <div class="iteams1 iteams2">
                        <div class="iteams1-last2">
                            <div class="up" >
                              <a href="#">
                                    <p class="xiaomi">
                                            小米小爱触屏音响
                                        </p>
                                         <p class="price15">249元</p>
                              </a>
                            </div>
                            <div class="up">
                               <a href="">
                                    <p class="xiaomi">
                                            浏览更多
                                        </p>
                                        <p class="xiaomis">热门</p>
                               </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="big-imges">
                    <a href="#">
                        <img src="../images/00002.png" alt="">
                    </a>
                </div>
            </div>
            <!-- 搭配结束 -->
            <!-- 配件开始 -->
            <div class="home">
                <h3 class="title">配件</h3>
                <div class="ele-box claer">
                    <div class="iteams1 iteams2 iteams1-left plugin up">
                        <a href="" >
                            <img src="../images/pj1.png" alt style="width: 100%">
                        </a>
                    </div>
                    <div class="iteams1 iteams2 up ">
                        <a href="#">
                           <img src="../images/pj2.png" alt="" class="goods-img">
                            <p class="name1 name2">                                            
                                小米氮化镓GaN充电器 Type                                        
                            </p>
                            <p class="disc1">氮化镓黑科技 65W MAX 大功率快充</p>
                            <p class="price1">149元</p>
                        </a>
                    </div>
                    <div class="iteams1 iteams2 up">
                        <a href="#">
                            <img src="../images/dp3.png" alt="" class="goods-img">
                             <p class="name1 name2">                           
                                小米氮化镓GaN充电器 Type       
                             </p>
                             <p class="disc1">氮化镓黑科技 65W MAX 大功率快充</p>
                             <p class="price1">149元</p>
                         </a>
                    </div>
                    <div class="iteams1 iteams2 up">
                        <a href="#">
                            <img src="../images/pj4.png" alt="" class="goods-img">
                             <p class="name1 name2">                                                        
                                小米无线充电宝青春版10000mAh                                           
                             </p>
                             <p class="disc1">能量满满，无线有线都能充</p>
                             <p class="price1">129元</p>
                         </a>
                    </div>
                    <div class="iteams1 iteams2 up">
                        <a href="#">
                            <img src="../images/pj5.png" alt="" class="goods-img">
                             <p class="name1 name2">                                   
                                小米车载充电器快充版                                      
                             </p>
                             <p class="disc1">双口快充，安全稳定</p>
                             <p class="price1">69元 </p>
                         </a>
                    </div>
                    <div class="iteams1 iteams2 iteams1-left up">
                        <a href="">
                            <img src="../images/pj6.png" alt style="width: 100%">
                        </a>
                    </div>
                    <div class="iteams1 iteams2 up">
                        <a href="#">
                            <img src="../images/pj7.png" alt="" class="goods-img">
                             <p class="name1 name2">                               
                                Redmi充电宝 10000mAh 标准版                                      
                             </p>
                             <p class="disc1">10000mAh大电量 </p>
                             <p class="price1">59元</p>
                         </a>
                    </div>
                    <div class="iteams1 iteams2 up">
                        <a href="#">
                            <img src="../images/pj8.png" alt="" class="goods-img">
                             <p class="name1 name2">                                                
                                小米车载充电器快充版1A1C                                      
                             </p>
                             <p class="disc1">小米车载充电器快充版1A1C 100W</p>
                             <p class="price1">99元</p>
                         </a>
                    </div>
                    <div class="iteams1 iteams2 up">
                        <a href="#">
                            <img src="../images/pj9.png" alt="" class="goods-img">
                             <p class="name1 name2">                                 
                                小米Type-C转Lightning数据线                                            
                             </p>
                             <p class="disc1">苹果MFi官方认证，支持快充</p>
                             <p class="price1">59元</p>
                         </a>
                    </div>
                    <div class="iteams1 iteams2">
                        <div class="iteams1-last3">
                            <div class="up" >
                              <a href="">
                                    <p class="xiaomi">                              
                                            小米9 SE 街头风保护壳                       
                                        </p>
                                         <p class="price15">49元</p>
                              </a>
                            </div>
                            <div class="up">
                              <a href="">
                                    <p class="xiaomi">
                                            浏览更多
                                        </p>
                                        <p class="xiaomis">热门</p>
                              </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="big-imges">
                </div>
            </div>
            <!-- 配件结束 -->
            <!-- 周边开始 -->
            <div class="home">
                <h3 class="title">周边</h3>
                <div class="ele-box claer">
                    <div class="iteams1 iteams2 iteams1-left plugin up">
                        <a href="" >
                            <img src="../images/zb1.png" alt style="width: 100%">
                        </a>
                    </div>
                    <div class="iteams1 iteams2 up ">
                        <a href="#">
                           <img src="../images/zb2.png" alt="" class="goods-img">
                            <p class="name1 name2">                              
                                米家飞行员太阳镜 Pro                                      
                            </p>
                            <p class="disc1">尼龙偏光，轻巧佩戴</p>
                            <p class="price1">199元 <del>199</del> </p>
                        </a>
                    </div>
                    <div class="iteams1 iteams2 up">
                        <a href="#">
                            <img src="../images/zb3.png" alt="" class="goods-img">
                             <p class="name1 name2">                                           
                                小米巨能写中性笔10支装                                                     
                             </p>
                             <p class="disc1">一支顶4支，超长顺滑书写</p>
                             <p class="price1">9.99元</p>
                         </a>
                    </div>
                    <div class="iteams1 iteams2 up">
                        <a href="#">
                            <img src="../images/zb4.png" alt="" class="goods-img">
                             <p class="name1 name2">                                         
                                米家迷你保温杯                                                          
                             </p>
                             <p class="disc1">可以随身携带的温度</p>
                             <p class="price1">49元</p>
                         </a>
                    </div>
                    <div class="iteams1 iteams2 up">
                        <a href="#">
                            <img src="../images/zb5.png" alt="" class="goods-img">
                             <p class="name1 name2">                                       
                                贝医生巴氏牙刷 四色装                                     
                             </p>
                             <p class="disc1">进口刷毛，好品质</p>
                             <p class="price1">39.9元 </p>
                         </a>
                    </div>
                    <div class="iteams1 iteams2 iteams1-left up">
                        <a href="">
                            <img src="../images/zb6.png" alt style="width: 100%">
                        </a>
                    </div>
                    <div class="iteams1 iteams2 up">
                        <a href="#">
                            <img src="../images/zb7.png" alt="" class="goods-img">
                             <p class="name1 name2">                                        
                                米家运动鞋                                 
                             </p>
                             <p class="disc1">轻盈若絮,弹若脱兔 </p>
                             <p class="price1">199元</p>
                         </a>
                    </div>
                    <div class="iteams1 iteams2 up">
                        <a href="#">
                            <img src="../images/zb8.png" alt="" class="goods-img">
                             <p class="name1 name2">                                                  
                                米家指甲刀五件套                                 
                             </p>
                             <p class="disc1">轻巧多用，优雅随行</p>
                             <p class="price1">39.9元</p>
                         </a>
                    </div>
                    <div class="iteams1 iteams2 up">
                        <a href="#">
                            <img src="../images/zb9.png" alt="" class="goods-img">
                             <p class="name1 name2">                                             
                                8H乳胶床垫2                                                   
                             </p>
                             <p class="disc1">软硬双面可睡</p>
                             <p class="price1">599元</p>
                         </a>
                    </div>
                    <div class="iteams1 iteams2">
                        <div class="iteams1-last4">
                            <div class="up" >
                              <a href="">
                                    <p class="xiaomi">                                       
                                            日常元素抽纸 青春版 24包/箱                            
                                        </p>
                                         <p class="price15">32.9元</p>
                              </a>
                            </div>
                            <div class="up">
                                <a href="#">
                                  <p class="xiaomi">
                                    浏览更多
                                   </p>
                                    <p class="xiaomis">热门</p>
                                </a>                           
                            </div>
                        </div>
                    </div>
                </div>
                <div class="big-imges">
                    <a href="#">
                        <img src="../images/00004.png" alt="">
                    </a>
                </div>
            </div>
            <!-- 周边结束 -->
             <!-- 视频部分开始 -->
            <div class="video">
                <h3 class="title">
                    视频
                    <a href="#" class="all"> 查看全部
                        <i class="iconfont icon-jiantou1"></i>
                    </a>
                </h3>
                <div class="video-box ">
                        <div class="up">
                            <a href="#">
                                <div class="video-img">
                                    <img src="../images/sp1.png" alt="">
                                    <div class="play">
                                        <div></div>
                                    </div>
                                </div>
                                <p class="video-text">2021年春季新品发布会第一场</p>
                            </a>
                        </div>
                        <div class="up">
                            <a href="#">
                                <div class="video-img">
                                    <img src="../images/sp2.png" alt="">
                                    <div class="play">
                                        <div></div>
                                    </div>
                                </div>
                                <p class="video-text">Redmi 10X系列发布会</p>
                                <p class="disc1"> Redmi 10X系列发布会</p>
                                
                            </a>
                        </div>
                        <div class="up">
                            <a href="#">
                                <div class="video-img">
                                    <img src="../images/sp3.png" alt="">
                                    <div class="play">
                                        <div></div>
                                    </div>
                                </div>
                                <p class="video-text">小米10 青春版 发布会</p>
                            </a>
                        </div>
                        <div class="up">
                            <a href="#">
                                <div class="video-img">
                                    <img src="../images/sp4.png" alt="">
                                    <div class="play">
                                        <div></div>
                                    </div>
                                </div>
                                <p class="video-text">小米10 8K手机拍大片</p>
                            </a>
                        </div>
                    </div>
            </div>
            <!-- 视频部分结束 -->
        </div>
    </div>
    <!-- 主体内容部分结束 -->

    <!-- 调用函数让主体部分动起来 -->
    <script>  jQuery('.up').moveUp(); </script>
    
    <!-- 预约维修部分开始 -->
    <div class="footer">
        <div class="con">
            <div class="footer-service">
              <ul>
                  <li><a href="#"> <i class="iconfont icon-buoumaotubiao46" ></i> <span>
                      预约维修服务
                  </span> </a></li>
                  <li><a href="#"> <i class="iconfont icon-7tiantuihuanhuo" ></i> <span>
                      7天无理由退货
                  </span> </a></li>
                  <li><a href="#"> <i class="iconfont icon-15tianwuliyoutuihuo" ></i> <span>
                    15天免费换货
                  </span> </a></li>
                  <li><a href="#"> <i class="iconfont icon-liwu" ></i> <span>
                        满69包邮
                  </span> </a></li>
                  <li><a href="#"> <i class="iconfont icon-dingwei" ></i> <span>
                        520余家售后网点
                  </span> </a></li>
              </ul> <span>
              </span>

            </div>
            <div class="footer-link">
                <ul>
                    <li>帮助中心</li>
                    <li><a href="#">账户管理</a></li>
                    <li><a href="#">购物指南</a></li>
                    <li><a href="#">订单操作</a></li>
                </ul>
                <ul>
                        <li>服务支持</li>
                        <li><a href="#">售后政策</a></li>
                        <li><a href="#">自助服务</a></li>
                        <li><a href="#">相关下载</a></li>
                    </ul>
                    <ul>
                            <li>线下门店</li>
                            <li><a href="#">小米之家</a></li>
                            <li><a href="#">服务网点</a></li>
                            <li><a href="#">授权体验店</a></li>
                        </ul>
                        <ul>
                                <li>关于小米</li>
                                <li><a href="#">了解小米</a></li>
                                <li><a href="#">加入小米</a></li>
                                <li><a href="#">投资者关系</a></li>
                                <li><a href="#">企业社会责任</a></li>
                                <li><a href="#">廉洁举报</a></li>
                            </ul>
                            <ul>
                                    <li>关注我们</li>
                                    <li><a href="#">新浪微博</a></li>
                                    <li><a href="#">官方微信</a></li>
                                    <li><a href="#">联系我们</a></li>
                                    <li><a href="#">公益基金会</a></li>
                                </ul>
                                <ul>
                                        <li>特色服务</li>
                                        <li><a href="#">F 码通道</a></li>
                                        <li><a href="#">礼物码</a></li>
                                        <li><a href="#">防伪查询</a></li>
                                    </ul>
                  <div class="contenct">
                        <p class="phones">400-100-5678</p>
                        <p class="phones2">8:00-18:00（仅收市话费）</p>
                        <a href="#" class="kefu">
                            <i class="iconfont icon-talk" >人工客服</i>
                        </a>
                        <p class="guanzhu">关注小米：<i class="iconfont icon-weibo"></i> <i class="iconfont icon-weixin" ></i> </p>
                  </div>
            </div>
            <div class="footer-info">
                    <p class="p1">
                        <a href="#">小米商城</a>
                        <span>|</span>
                        <a href="#"> MIUI</a>
                        <span>|</span>
                        <a href="#">米聊 </a>
                        <span>|</span>
                        <a href="#">多看 </a>
                        <span>|</span>
                        <a href="#">游戏  </a>
                        <span>|</span>
                        <a href="#">政企服务 </a>
                        <span>|</span>
                        <a href="#">政企服务</a>
                        <span>|</span>
                        <a href="#">小米集团隐私政策 </a>
                        <span>|</span>
                        <a href="#"> 小米公司儿童信息保护规则 </a>
                        <span>|</span>
                        <a href="#">小米商城隐私政策 </a>
                        <span>|</span>
                        <a href="#"> 小米商城用户协议 </a>
                        <span>|</span>
                        <a href="#"> 问题反馈 </a>
                        <span>|</span>
                        <a href="#">Select Location</a>
                        <span>|</span>
                        <a href="#">北京互联网法院法律服务工作站 </a>
                        <span>|</span>
                        <a href="#"> 中国消费者协会  </a>
                        <span>|</span>
                        <a href="#"> 北京市消费者协会 </a>
                    </p>
                    <p class="p2">
                        © mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2020]0276-042号 <br>
                        （京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京)-非经营性-2014-0090 营业执照 医疗器械质量公告 <br>
                        增值电信业务许可证 网络食品经营备案（京）【2018】WLSPJYBAHF-12  食品经营许可证 <br>
                        违法和不良信息举报电话：185-0130-1238 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                    </p>
                    <p class="tupian">
                        <img src="../images/ff1.png" alt="">
                        <img src="../images/ff2.png" alt="">
                        <img src="../images/ff3.png" alt="">
                        <img src="../images/ff4.png" alt="">
                        <img src="../images/ff5.png" alt="">
                    </p>
                </div>
        </div>
    </div>
    <!-- 预约维修部分结束 -->

   
   
</body>
</html>